<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
<!-- <script src="../js/src/mypage/profile.js"></script> -->
</head>

<body>
	
<section id="profile" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>프로필 등록</h2>
            <!--right  btn-->
            <div class="top_right">
                <a href="#" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn11">닫기</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--상단 프로필 영역-->
        <article class="profile_area ui-grid-a">
            <!--좌측 img-->
            <div class="ui-block-a">
                <div class="p_img"><img src="../images/noimg_180_180.gif" alt="" /> </div><!--../images/noimg_180_180.gif -->
            </div>
            
            <!--우측 컨텐츠-->
            <div class="ui-block-b">
                <ul data-role="listview" data-inset="true" class="p_cont">
                    <li><a id="profile_camera" name="#"><span class="ico_navi navi21">icon</span> <span class="txt">사진등록</span></a></li>
                    <li><a id="profile_facebook" name="#"><span class="ico_navi navi22">icon</span> <span class="txt">페이스북 연동</span></a></li>
                    <li><a id="profile_privacy" href="modify.html" data-transition="slide"><span class="ico_navi navi23">icon</span> <span class="txt">개인정보변경</span></a></li>
                </ul>
            </div> 
        </article><!-- //   class="profile_area"끝  --> 
        
        <!--상단 프로필 입력영역-->
        <form action="#" method="#">
            <ul class="profile_form">
                <!--닉네임 -->
                <li data-role="fieldcontain">
                    <label>닉네임</label>
                    <div class="cont">잭니클라우스</div>
                </li>
                
                <!--연령대 -->
                <li data-role="fieldcontain">
                    <label>연령대</label>
                    <div class="cont">
                        <select data-shadow="false" id="profile_age">
                            <option value="">-- 연령대선택 --</option>
                            <option value="10">10대</option>
                            <option value="20">20대</option>
                            <option value="30">30대</option>
                            <option value="40">40대</option>
                            <option value="50">50대</option>
                            <option value="60">60대</option>
                            <option value="70">70대 이상</option>
                        </select>
                    </div>
                </li>
                
                <!--지역-->
                <li data-role="fieldcontain">
                    <label>지역</label>
                    <div class="cont">
                        <select data-shadow="false" id="profile_region">
                            <option value="">-- 지역선택 --</option>
                            <option value="1">수도권(서울/경기/인천)</option>
                            <option value="2">중부권(강원/충청)</option>
                            <option value="3">남부권(전라/경상/제주)</option>
                        </select>
                    </div>
                </li>
                
                <!--직업 -->
                <li data-role="fieldcontain">
                    <label>직업</label>
                    <div class="cont">
                        <input type="text" id="profile_job" placeholder="직업을 입력하세요. " />
                        <p class="ex">예) 중소기업CEO, 대기업중역, 회사원, 자영업 등 </p>
                    </div>
                </li>
                
                <!--핸디 -->
                <li data-role="fieldcontain">
                    <label>핸디</label>
                    <div class="cont">
                        <input type="text" id="profile_handi" />
                    </div>
                </li>
                
                <!--평균타수 -->
                <li data-role="fieldcontain">
                    <label>평균타수</label>
                    <div class="cont">
                        <input type="text" id="profile_average" />
                    </div>
                </li>
            </ul><!-- //   class="profile_form"끝  --> 
            
            <!--btn-->           
             <a href="profile_view.html" data-role="button" data-theme="a" data-transition="slide" class="btn_type2">설정완료</a>
         </form>
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
